$(document).ready(function() {
 //a[href="#"]
  $(document).on('click', 'a[href="#"]', function(e) {
   e.preventDefault();
  });
 
 
 
 /* sub Tab  */
 
 subTab('.history_btn > li', '.history_area .timeline');
 subTab('.map_btn > li', '.map_area .map');
 
 function subTab(btnName, btnCon){
  var tabBtn = $(btnName)
  var tabCon = $(btnCon)
  
   tabBtn.click(function(){
   tabCon.hide();
   var idx = $(this).index();
   tabCon.eq(idx).fadeIn(350);
   $(this).addClass('on').siblings().removeClass('on');
  });
  
  tabBtn.filter(':first-child').trigger('click');
  
 }
 
   
});